@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#0D5492;text-decoration:none; font-weight: bold !important;}
a:hover p{  font-weight: bold !important;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}


/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

/*body{ max-width: 1920px; margin: 0 auto;}*/

.w640{ width: 640px;}
.w680{ width: 680px;}
.w600{ width: 600px;}
.w760{ width: 760px;}
.w860{ width: 860px;}
.w500{ width: 500px;}
.w920{ width: 920px;}
.w400{ width: 400px;}
.w300{ width: 300px;}
.w1060{ width: 1060px;}

.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marB50{ margin-bottom: 50px;}
.marR40{ margin-right: 40px;}
.marT30{ margin-top: 30px;}
.padS40{ padding: 0 40px;}

.swiper-container_adBanner, .swiper-container_adBanner .swiper-wrapper{ height: auto !important;}
.adBanner_control{ display: none; }
.adBanner_wrap:hover .adBanner_control{ display: block;}
.adBanner_control a{ position: absolute; top: 50%; width: 40px; height: 40px;  background-image: url(/images/arr.png); margin-top: -20px; z-index: 10; cursor: pointer; outline: none}
.adBanner_control a.adBanner_prev{ left: 0; background-position: 0 0;}
.adBanner_control a.adBanner_next{ right: 0; background-position: -40px 0;}


.focus_wrap{ float: left; position: relative; width: 680px; height: 450px;}
.swiper-container_focus{ width: 680px; height: 450px;  overflow: hidden;}
.swiper-container_focus .swiper-wrapper{ height: auto;}
.swiper-container_focus .swiper-slide{ position: relative;}
.swiper-container_focus .swiper-slide-active,.swiper-container_focus .swiper-slide-duplicate-active{ }
.swiper-container_focus .swiper-slide img{ width: 680px; height: 450px;}
.swiper-container_focus .swiper-slide h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; font: 20px/48px "Microsoft Yahei"; text-indent: 1em; background: rgba(0,0,0,0.6);} 
.swiper-container_focus .swiper-slide h3 a{ display: block; max-width: 80%; height: 48px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.swiper-container_focus .swiper-slide:hover h3 a{ font-weight: bold}

.focus_wrap .swiper-pagination{ position: absolute; bottom: 18px; right: 18px;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet{ float: left; width: 12px; height: 12px; margin-left: 10px; background-color: #fff; opacity: 1; border-radius: 50%;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet-active{ background-color: #569DDB; border: 0; outline: 0}

.box_bg{ padding: 40px; box-sizing: border-box; background: linear-gradient(57deg, rgba(86, 157, 219, 0.1) -1%, rgba(86, 157, 219, 0.01) 99%);}

.tab_wrap1{ float: right; width: 680px; height: 450px;}
.etabs{ height: 44px; margin-bottom: 20px;}
.etabs a{ position: relative; float: left; height: 44px; margin-right: 20px; font: 28px/38px "Microsoft Yahei"; color: #000; }
.etabs a.active{ font-weight: bold; color: #0D5492;}
.etabs a.active:before{ position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #0D5492; opacity: 0.5; content: "";}

.swiper_tab{ width: 100%;}
.swiper_tab .swiper-wrapper{ height: auto}
.swiper_tab .swiper-slide{ position: relative; width: 100%; height: auto;}

.news_list{}
.news_list li{ position: relative; height: 52px; padding-left: 40px; font: 20px/52px "Microsoft Yahei"; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li:before{ position: absolute; top: 50% ; left: 14px; width: 6px; height: 6px; margin-top: -3px; background:#333; border-radius: 50%; content: ""}\
.news_list li:hover{ color: #0D5492}
.news_list li a{ color: #333;}
.news_list li a:hover{ color: #0D5492;}

.tab_wrap2{ margin-bottom: 40px;}
#etabs2{ position: relative; height: 44px; margin-bottom: 40px; text-align: center;}
#etabs2:before, #etabs2:after{ position: absolute;  top: 0; width: 330px; height: 44px; content: ""}
#etabs2:before{ left: 0; background-image: url(../images/icon_i_tab_r.png);}
#etabs2:after{ right: 0; background-image: url(../images/icon_i_tab_l.png);}
#etabs2 a{ display: inline-block; width: 201px; height: 52px; margin: 0 12px; background-image: url(../images/icon_i_tab.png); }
#etabs2 a.xxgk{ background-position: 0 0}
#etabs2 a.fwcx{ background-position: 0 -52px}
#etabs2 a.hdjl{ background-position: 0 -104px}
#etabs2 a.xxgk.active{ background-position: -201px 0}
#etabs2 a.fwcx.active{ background-position: -201px -52px}
#etabs2 a.hdjl.active{ background-position: -201px -104px}

#swiper-container2 .box_bg{ height: 576px;}

.i_xxgk_btn{ float: left; width: 310px; height: 91px; margin: 0 20px 16px 0; font: bold 20px/90px "Microsoft Yahei"; text-indent: 92px; }
.i_xxgk_btn:nth-child(2),.i_xxgk_btn:nth-child(4),.i_xxgk_btn:nth-child(5){ margin-right: 0}
.i_xxgk_btn a{ display: block; position: relative; width: 100%; height: 100%; color: #fff;}
.i_xxgk_btn i{ position: absolute; top: 50%; left: 42px; width: 32px; height: 32px; margin-top: -16px; background-image: url(../images/icon_i_xxgk1.png); content: ""}

.i_xxgk_btn.tem1{ background-image: url(../images/btn_i_xxgk1.png);}
.i_xxgk_btn.tem2{ background-image: url(../images/btn_i_xxgk2.png);}
.i_xxgk_btn.tem3{ background-image: url(../images/btn_i_xxgk3.png);}
.i_xxgk_btn.tem4{ background-image: url(../images/btn_i_xxgk4.png);}
.i_xxgk_btn.tem5{ width: 640px; background-image: url(../images/btn_i_xxgk5.png);}

.i_xxgk_btn.tem1 a i{ background-position: 0 0}
.i_xxgk_btn.tem2 a i{ background-position: 0 -32px}
.i_xxgk_btn.tem3 a i{ background-position: 0 -64px}
.i_xxgk_btn.tem4 a i{ background-position: 0 -96px}
.i_xxgk_btn.tem5 a i{ background-position: 0 -128px}

.i_tab_bot{ padding-top: 40px; border-top: 2px solid rgba(86, 157, 219, 0.15);}
.i_xxgk_btn2{ float: left; width: 195px; height: 100px; margin-right: 30px;}
.i_xxgk_btn2 a{ position: relative; display: block; width: 100%; height: 100%; }
.i_xxgk_btn2 a p{ font: 20px/24px "Microsoft Yahei"; text-align: center; color: #333;}
.i_xxgk_btn2 a:hover p{ color: #0D5492}
.i_xxgk_btn2 a i{ display: block; width: 48px; height: 48px; margin: 0 auto 20px; background-image: url(../images/icon_i_xxgk2.png); content: ""}

.i_xxgk_btn2.tem1 a i{ background-position: 0 0}
.i_xxgk_btn2.tem2 a i{ background-position: 0 -48px}
.i_xxgk_btn2.tem3 a i{ background-position: 0 -96px}
.i_xxgk_btn2.tem4 a i{ background-position: 0 -144px}
.i_xxgk_btn2.tem5 a i{ background-position: 0 -192px}

.i_xxgk_i{}
.i_xxgk_i img{ float: left; width: 195px; height: 100px; margin-right: 30px;}
.i_xxgk_i a:last-child img{ margin-right: 0}


.lmT{ height: 44px; margin-bottom: 20px; font: bold 28px/38px "Microsoft Yahei"; color: #0D5492;}
.lmT a{ position: relative; display: inline-block; height: 44px; font: bold 28px/38px "Microsoft Yahei"; color: #0D5492;}
.lmT a:before{  position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #0D5492; opacity: 0.5; content: "";}
.lmT a:hover{ color: #0D5492}

.i_fwcx_btn{ float: left; width: 200px; height: 66px; margin: 0 20px 20px 0;}
.i_fwcx_btn:nth-child(3n){ margin-right: 0}
.i_fwcx_btn:last-child{ margin-bottom: 0}
.i_fwcx_btn a{ display: flex; align-items: center; width: 100%; height: 100%; padding: 0 10px; font: bold 20px/24px "Microsoft Yahei"; color: #fff; box-sizing: border-box;}
.i_fwcx_btn.tem1{ background-image: url(../images/btn_i_fwcx1.png);}
.i_fwcx_btn.tem2{ background-image: url(../images/btn_i_fwcx2.png);}
.i_fwcx_btn.tem3{ background-image: url(../images/btn_i_fwcx3.png);}
.i_fwcx_btn.tem4{ background-image: url(../images/btn_i_fwcx4.png);}
.i_fwcx_btn.tem5{ background-image: url(../images/btn_i_fwcx5.png);}
.i_fwcx_btn.tem6{ background-image: url(../images/btn_i_fwcx6.png);}
.i_fwcx_btn.tem7{ background-image: url(../images/btn_i_fwcx7.png);}

.i_zwfww1{ float: left; height: 100px; }

.i_fwcx_tem{ float: left; height: 100px; margin-left: 30px;}
.i_fwcx_tem a{ position: relative; display: block; width: auto; height: 100%;}
.i_fwcx_tem a i{ position: absolute; top: 50%; left: 10px; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon_i_fwcx.png); content: ""}
.i_fwcx_tem a p{ display: flex; align-items:center; max-width: 188px; height: 100px; padding-left: 68px; font: 20px/30px "Microsoft Yahei"; color: #333; box-sizing: border-box;}
.i_fwcx_tem a:hover p{ color: #0D5492}

.i_fwcx_tem.tem1 a i{ background-position: 0 0}
.i_fwcx_tem.tem2 a i{ background-position: 0 -48px}
.i_fwcx_tem.tem3 a i{ background-position: 0 -96px}
.i_fwcx_tem.tem4 a i{ background-position: 0 -144px}
.i_fwcx_tem.tem5 a i{ background-position: 0 -336px}

.jkpt_i{ position: relative; width: 640px; height: 136px; margin: 10px 0;}
.jkpt_i img{ width: 100%; height: 100%;}
.jkpt_i h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; padding: 0 20px; font: 20px/48px "Microsoft Yahei"; background: rgba(0,0,0,0.6); box-sizing: border-box; text-overflow :ellipsis; white-space: nowrap; overflow: hidden;}
.jkpt_i h3 a{ color: #fff;}

.i_hdjl_tem{ position: relative; float: left; height: 100px; margin: 0 66px;}
.i_hdjl_tem a{ position: relative; display: block; width: 100%; height: 100%;}
.i_hdjl_tem a i{ position: absolute; top: 50%; left: 20px; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon_i_hdjl.png); content: ""}
.i_hdjl_tem p{ display: flex; align-items: center; height: 100px; padding-left: 82px; font: 20px/28px "Microsoft Yahei"; color: #333;}
.i_hdjl_tem a:hover p{ color: #0D5492}

.i_hdjl_tem.tem1 a i{ background-position: 0 0}
.i_hdjl_tem.tem2 a i{ background-position: 0 -48px}
.i_hdjl_tem.tem3 a i{ background-position: 0 -96px}
.i_hdjl_tem.tem4 a i{ background-position: 0 -144px}

.i_zt{ margin-bottom: 40px;}
.zt_wrap{ float: left; position: relative; width: 999px; height: 120px; margin: 0 auto}
.swiper-container_zt2{ display: none;}
.swiper-container_zt{ width: 999px; height: 120px; overflow: hidden;}
.swiper-container_zt .swiper-wrapper{ height: auto;}
.swiper-container_zt .swiper-slide{ width: 317px; height: 120px;}

.swiper-container_zt .swiper-slide img{ width: 100%; height: 100%; border-radius: 4px;}

.zt_control{ display: none; }
.zt_wrap:hover .zt_control{ display: block;}
.zt_control a{ position: absolute; top: 50%; width: 24px; height: 52px;  background-image: url(../images/arr2.png); margin-top: -26px; z-index: 10; cursor: pointer; outline: none}
.zt_control a.zt_prev{ left: 0; background-position: 0 0;}
.zt_control a.zt_next{ right: 0; background-position: -24px 0;}

.i_zt_i{ float: left; width: 317px; height: 120px; margin-left: 24px; border-radius: 4px;}
a.zt_more{ display: flex; align-items: center;  float: right; width: 36px; height: 120px; text-align: center; font: 20px/30px "Microsoft Yahei";  background: rgba(29, 29, 31, 0.05); border-radius: 4px;}

/*新闻*/
.loc{ height: 24px; padding-left:72px; font-size: 20px; line-height: 24px; color: #333; background: url(../images/icon_loc.png) no-repeat 40px center;}
.loc a{ color: #333;}
.loc span{}

.news_list.sty2{}
.news_list.sty2 li{ padding-left: 20px;}
.news_list.sty2 li:before{ left: 4px; width: 4px; height: 4px; margin-top: -2px; }
.news_list.sty2 li a{ float: left; max-width: 76%; height: 52px; font: 20px/52px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list.sty2 li span{ float: right; font-size: 18px; line-height: 52px; color: #666;}

.tpxw_wrap{ position: relative; width: 1160px; height: 312px; margin: 0 auto}
.swiper-container_tpxw{ width: 1160px; height: 312px;  overflow: hidden;}
.swiper-container_tpxw .swiper-wrapper{ height: auto;}
.swiper-container_tpxw .swiper-slide{ width: 360px; height: 312px;}

.swiper-container_tpxw .swiper-slide img{ width: 360px; height: 240px;}
.swiper-container_tpxw .swiper-slide h3{ max-height: 48px; margin-top: 16px; font: 20px/24px "Microsoft Yahei"; text-align: left; overflow: hidden;}
.swiper-container_tpxw .swiper-slide h3 a{ color: #333;}
.swiper-container_tpxw .swiper-slide:hover h3 a{ color: #0D5492}

.tpxw_control{ }
.tpxw_control a{ position: absolute; top: 100px; width: 40px; height: 40px;  background-image: url(../images/arr1.png);  z-index: 10; cursor: pointer;}
.tpxw_control a.tpxw_prev{ left: -80px; background-position: 0 0;}
.tpxw_control a.tpxw_next{ right: -80px; background-position: -40px 0;}

.xwfbh_wrap{ position: relative; width: 1160px; height: 240px; margin: 0 auto}
.swiper-container_xwfbh{ width: 1160px; height: 240px;  overflow: hidden;}
.swiper-container_xwfbh .swiper-wrapper{ height: auto;}
.swiper-container_xwfbh .swiper-slide{ width: 560px; height: 240px;}

.swiper-container_xwfbh .swiper-slide img{ float: left; width: 360px; height: 240px;}
.xwfbh_r{ float: right; width: 180px}
.xwfbh_r h3{ margin-top: 10px; font: 20px/24px "Microsoft Yahei"; text-align: left; }
.xwfbh_r h3 a{ color: #333;}
.xwfbh_r h3 a:hover{ color: #0D5492}
.xwfbh_r span{ display: block; margin-top: 20px; font: 18px/24px "Microsoft Yahei"; color: #666}

.xwfbh_control{ }
.xwfbh_control a{ position: absolute; top: 100px; width: 40px; height: 40px;  background-image: url(../images/arr1.png);  z-index: 10; cursor: pointer;}
.xwfbh_control a.xwfbh_prev{ left: -80px; background-position: 0 0;}
.xwfbh_control a.xwfbh_next{ right: -80px; background-position: -40px 0;}


/*信息*/
.zcjd_i{ position: relative; height: 136px; margin-bottom: 10px;}
.zcjd_i img{ width: 100%; height: 100%;}
.zcjd_i h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; padding: 0 10px; font: 20px/40px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(0,0,0,0.6); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.zcjd_i h3 a{ color: #fff;}

.btn_xx{ float: left; width: 217px; height: 150px; margin: 0 19px 19px 0; overflow: hidden;}
.btn_xx:nth-child(6n){ margin-right: 0}
.btn_xx a{ display: block; position: relative; width: 100%; height: 100%;}
.btn_xx a i{ display: block; width: 48px; height: 48px; margin: 28px auto 20px; background-image: url(../images/icon_xx.png); content: ""}
.btn_xx a p{ font: bold 20px/24px "Microsoft Yahei"; text-align: center; color: #fff;}

.btn_xx.tem1{ background-image: url(../images/btn_xx1.png);}
.btn_xx.tem2{ background-image: url(../images/btn_xx2.png);}
.btn_xx.tem3{ background-image: url(../images/btn_xx3.png);}
.btn_xx.tem4{ background-image: url(../images/btn_xx4.png);}
.btn_xx.tem5{ background-image: url(../images/btn_xx5.png);}
.btn_xx.tem6{ background-image: url(../images/btn_xx6.png);}
.btn_xx.tem7{ background-image: url(../images/btn_xx7.png);}
.btn_xx.tem8{ background-image: url(../images/btn_xx8.png);}
.btn_xx.tem9{ background-image: url(../images/btn_xx9.png);}
.btn_xx.tem10{ background-image: url(../images/btn_xx10.png);}
.btn_xx.tem11{ background-image: url(../images/btn_xx11.png);}
.btn_xx.tem12{ background-image: url(../images/btn_xx12.png);}

.btn_xx.tem1 a i{ background-position: 0 0;}
.btn_xx.tem2 a i{ background-position: -48px 0;}
.btn_xx.tem3 a i{ background-position: -96px 0;}
.btn_xx.tem4 a i{ background-position: -144px 0;}
.btn_xx.tem5 a i{ background-position: -192px 0;}
.btn_xx.tem6 a i{ background-position: -240px 0;}
.btn_xx.tem7 a i{ background-position: 0 -48px;}
.btn_xx.tem8 a i{ background-position: -48px -48px;}
.btn_xx.tem9 a i{ background-position: -96px -48px;}
.btn_xx.tem10 a i{ background-position: -144px -48px;}
.btn_xx.tem11 a i{ background-position: -192px -48px;}
.btn_xx.tem12 a i{ background-position: -240px -48px;}

.wgk_tem{ height: 77px; border-bottom: 1px solid #dfdfdf;}
.wgk_child{ float: left;  font: bold 20px/76px "Microsoft Yahei"; color: #0D5492}
.wgk_child a{ color: #0D5492}
.wgk_tem h3{ float: left; width: 540px; margin-left: 10px; font: 20px/76px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.wgk_tem h3 a{ color: #333;}
.wgk_tem h3 a:hover{ color: #0D5492}
.wgk_tem span{ float: right; font-size: 18px; line-height: 76px; color: #666;}

.btn_zdlyxxgk{ display: flex; align-items: center; justify-content: center; float: left; width: 200px; height: 46px; margin: 0 20px 20px 0; font: bold 20px/24px "Microsoft Yahei"; text-align: center;}
.btn_zdlyxxgk:nth-child(2n), .btn_jytablgz:nth-child(2n){ margin-right: 0}
.btn_zdlyxxgk a{ color: #fff;}

.btn_zdlyxxgk.tem1{ background:url(../images/btn_zdlyxxgk1.png) no-repeat center top;}
.btn_zdlyxxgk.tem2{ background:url(../images/btn_zdlyxxgk2.png) no-repeat center top;}
.btn_zdlyxxgk.tem3{ background:url(../images/btn_zdlyxxgk3.png) no-repeat center top;}
.btn_zdlyxxgk.tem4{ background:url(../images/btn_zdlyxxgk4.png) no-repeat center top;}

.btn_jytablgz{ display: flex; align-items: center; justify-content: center; float: left; width: 198px; height: 72px; margin-right: 21px; font: bold 20px/24px "Microsoft Yahei"; text-align: center;}
.btn_jytablgz a{ color: #fff;}

.btn_jytablgz.tem1{ background:url(../images/btn_jytjblgz1.png) no-repeat center top;}
.btn_jytablgz.tem2{ background:url(../images/btn_jytjblgz2.png) no-repeat center top;}

/*专题*/
.zt_tem{ float: left; width: 440px; margin: 0 40px 30px 0;}
.zt_tem:nth-child(2n){ margin-right: 0}
.zt_tem img{ width: 440px; height: 293px;}
.zt_tem h3{ height: 60px; margin-top: 10px; font: 20px/30px "Microsoft Yahei"; text-align: center; overflow: hidden;}
.zt_tem h3 a{ color: #333}
.zt_tem h3 a:hover{ color: #0D5492}

.zthg_tem{ width: 100%; margin-bottom: 20px; background: url(../images/bg_zthg_tem.png) no-repeat center top; background-size: 100% 100%;}
.zthg_tem a{ position: relative; display: block;  padding: 20px 20px 20px 40px; font: bold 20px/36px "Microsoft Yahei"; color: #fff;}
.zthg_tem a:before{ position: absolute; top: 36px; left: 24px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; content: ""}

/*服务*/
.i_zwfww2{ float: left; width: 557px; height: 212px;}

.btn_fw_wrap{ float: left; width: 843px;}
.btn_fw{ float: left; width: 233px; height: 96px; margin: 0 0 20px 20px;} 
.btn_fw a{ position: relative; display: block; width: 100%; height: 100%;}
.btn_fw a i{ position: absolute; top: 50%; left: 20px; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon_i_fwcx.png); content: ""}
.btn_fw a p{ display: flex; align-items: center; height: 100%; padding-left: 88px; font: bold 20px/24px "Microsoft Yahei"; color: #fff;}

.btn_fw.tem1{ background: url(../images/btn_fw1.png) no-repeat center top;}
.btn_fw.tem2{ background: url(../images/btn_fw2.png) no-repeat center top;}
.btn_fw.tem3{ width: 317px; background: url(../images/btn_fw3.png) no-repeat center top;}
.btn_fw.tem4{ background: url(../images/btn_fw4.png) no-repeat center top;}
.btn_fw.tem5{ background: url(../images/btn_fw5.png) no-repeat center top;}
.btn_fw.tem6{ width: 317px; background: url(../images/btn_fw6.png) no-repeat center top;}
.btn_fw.tem4,.btn_fw.tem5,.btn_fw.tem6{ margin-bottom: 0}

.btn_fw.tem1 a i{ background-position: 0 0}
.btn_fw.tem2 a i{ background-position: 0 -96px}
.btn_fw.tem3 a i{ background-position: 0 -192px}
.btn_fw.tem4 a i{ background-position: 0 -288px}
.btn_fw.tem5 a i{ background-position: 0 -144px}
.btn_fw.tem6 a i{ background-position: 0 -240px}

/*list*/
.p_col{ display: flex; align-items: center; min-height: 76px; padding: 10px 0 10px 40px; margin-bottom: 20px; font: bold 48px/54px "Microsoft Yahei";}
.p_col a{ color: #0D5492;}

.list_leftbar{ }
.list_leftbar a{ display: flex; align-items: center; width: 100%; min-height: 76px; padding: 10px 0 10px 40px; margin-bottom: 20px; font: 24px/36px "Microsoft Yahei"; color: #0D5492; background: rgba(86, 157, 219, 0.2); box-sizing: border-box;} 
.list_leftbar a.active,.list_leftbar a:hover{ font-weight: bold; color: #fff; background: #0D5492;}

.box_wrap{ padding: 40px; background: rgba(86, 157, 219, 0.05);}

.gl_list{}
.gl_list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf}
.gl_list li h3{ float: left; width: 80%; font: 20px/26px "Microsoft Yahei"}
.gl_list li h3 a{}
.gl_list li span{ float: right; font: 18px/26px "Microsoft Yahei"; color: #666;}

.pages{  text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 4px; font-size: 14px; line-height: 32px; text-align: center; color: #666; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 4px; cursor: pointer;}
.pages span{ font-size: 14px; line-height: 40px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.current, .pages a:hover{ color: #fff; background-color: #569DDB ; border-color: #569DDB ;}

.gl_img_list{}
.gl_img_list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
.gl_img_list li img{ float: left; width: 180px; height: 120px; margin-right: 20px;}
.gl_img_list li h3{ display: flex; align-self: stretch; align-items: center; float: left; width: 650px; height: 120px; font: 20px/26px "Microsoft Yahei";}
.gl_img_list li h3 a{ color: #333;}
.gl_img_list li span{ display: flex; align-items: center; float: right; height: 120px; font-size: 18px; line-height: 26px; color: #666}

/*list_first_article*/
.article_tit2{ margin-bottom: 40px; font: bold 28px/36px "Microsoft Yahei"; color: #0D5492; text-align: center;}
.article_item2{ padding-bottom: 40px; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #dfdfdf}
.article_item2 span{ margin: 0 10px; font: 14px/14px "Microsoft Yahei"; color: #999; }


/*细览*/
.article{ padding: 80px; background: rgba(86, 157, 219, 0.05);}
.article_t{ margin-bottom: 30px; font: bold 28px/36px "Microsoft Yahei"; color: #333; text-align: center;}
.article_item{ padding-bottom: 14px; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf;}
.article_item span{ float: left; margin-right: 20px; font-size: 18px; line-height: 24px; color: #333; }
/*.article_item .article_item_tem{ }*/
.article_share{ float: right;  font: 18px/24px "Microsoft Yahei"; color: #666;}

/*.article_item .article_fs{ float: right; margin-right: 20px;}
.article_item .article_fs a{color: #666; cursor: pointer;}

a.atricle_print{ float: right; margin-right: 20px; font-size: 16px; line-height: 24px; color: #666; cursor: pointer;}*/

.article_con{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf;}
.article_con.sty2{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0}
.article_con table{ max-width: 100%; width: 100% !important;}
.article_con p{ margin-bottom: 16px; font-size: 20px; line-height: 36px; color: #333;}
.article_con p a:hover{  font-weight: normal !important;}
.article_con img{ max-width: 100%; height: auto; }

.other{ }
.other span{ font-weight: bold; font-size: 20px; line-height: 36px; color: #333}
.other_tem a{  font-size: 20px; line-height: 36px; color: #333;}
.other_tem span{ margin-left: 10px; font-weight: normal; font-size: 18px; line-height: 36px; color: #999;}

/* 20241120 */
.list_i_tem{ float: left; width: 680px; margin: 0 40px 40px 0;}
.list_i_tem:nth-child(2n){ margin-right: 0}
.list_i_tem img{ width: 680px; height: 450px;}
.list_i_tem h3{ height: 56px; margin-top: 10px; font: 20px/28px "Microsoft Yahei"; text-align: center;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

@media screen and  (max-width: 1399px) {
	.w640{ width: 470px;}
	.w680{ width: 480px;}
	.w600{ width: 400px;}
	.w760{ width: 560px;}
	.w860{ width: 660px;}
	.w500{ width: 300px;}
	.w920{ width: 720px;}
	.w400{ width: 220px;}
	.w300{ width: 200px;}
	.w1060{ width: 760px;}

	.marB40{ margin-bottom: 20px;}
	.padS40{ padding: 0 20px;}

	.focus_wrap{ float: left; position: relative; width: 480px; height: 318px;}
	.swiper-container_focus{ width: 480px; height: 318px;  overflow: hidden;}
	.swiper-container_focus .swiper-slide img{ width: 480px; height: 318px;}
	.swiper-container_focus .swiper-slide h3{  height: 40px; font: 20px/40px "Microsoft Yahei";} 
	.swiper-container_focus .swiper-slide h3 a{ height: 40px;}

	.focus_wrap .swiper-pagination{ position: absolute; bottom: 14px; right: 14px;}

	.box_bg{ padding: 20px; box-sizing: border-box; background: linear-gradient(57deg, rgba(86, 157, 219, 0.1) -1%, rgba(86, 157, 219, 0.01) 99%);}

	.tab_wrap1{ float: right; width: 480px; height: 318px;}
	.etabs{ height: 34px; margin-bottom: 10px;}
	.etabs a{ position: relative; float: left; height: 34px; margin-right: 14px; font: 22px/30px "Microsoft Yahei"; color: #000; }
	.etabs a.active:before{ height: 2px; }

	.news_list{}
	.news_list li{  height: 40px; padding-left: 20px; font: 18px/40px "Microsoft Yahei";}
	.news_list li:before{ position: absolute; top: 50% ; left: 6px; width: 4px; height: 4px; margin-top: -3px; }

	.tab_wrap2{ margin-bottom: 20px;}
	#etabs2{ position: relative; height: 44px; margin-bottom: 40px; text-align: center;}
	#etabs2:before, #etabs2:after{ display: none;}

	#swiper-container2 .box_bg{ height: auto;}

	.i_xxgk_btn{ float: left; width: 230px; height: 71px; margin: 0 10px 10px 0; font: bold 16px/70px "Microsoft Yahei"; text-indent: 62px; background-size: 100% 100%;}
	.i_xxgk_btn a i{  left: 22px; width: 32px; height: 32px;}

	.i_xxgk_btn.tem5{ width: 470px; }


	.i_tab_bot{ }
	.i_xxgk_btn2{  width: 123px; height: 100px;}
	.i_xxgk_btn2 a{ position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
	.i_xxgk_btn2 a p{ font: 16px/24px "Microsoft Yahei"; text-align: center; color: #333;}
	/* .i_xxgk_btn2 a:before{ display: block; width: 48px; height: 48px; margin: 10px auto; background-image: url(../images/icon_i_xxgk2.png); content: ""} */

	.lmT{ height: 34px; margin-bottom: 14px; font: bold 22px/30px "Microsoft Yahei"; color: #0D5492;}
	.lmT a{ position: relative; display: inline-block; height: 34px; font: bold 24px/34px "Microsoft Yahei"; color: #0D5492;}
	.lmT a:before{  height: 2px; }

	.i_fwcx_btn{ float: left; width: 200px; height: 66px; margin: 0 20px 20px 0;}
	.i_fwcx_btn:nth-child(3n){ margin-right: 20px}
	.i_fwcx_btn:nth-child(2n){ margin-right: auto}
	.i_fwcx_btn:last-child{ margin-bottom: 0}
	.i_fwcx_btn a{ font: bold 16px/24px "Microsoft Yahei";}


	.i_zwfww1{ float: left; height: 60px; }

	.i_fwcx_tem{ float: left; height: 60px; margin-left: 10px;}
	.i_fwcx_tem a{ position: relative; display: block; width: auto; height: auto;}
	/* .i_fwcx_tem a:before{ position: absolute; top: 50%; left: 20px; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon_i_fwcx.png); content: ""} */
	.i_fwcx_tem a p{ display: flex; align-items: center; width: 150px; height: 60px; padding-left: 70px; font: 16px/24px "Microsoft Yahei"; color: #333;}

	.jkpt_i{ position: relative; width: 470px; height: 94px; margin: 14px 0;}
	.jkpt_i img{ width: 100%; height: 100%;}
	.jkpt_i h3{  height: 30px; padding: 0 10px; font: 14px/30px "Microsoft Yahei";}

	.i_hdjl_tem{ position: relative; float: left; height: 60px; margin: 0 32px;}
	.i_hdjl_tem a{ position: relative; display: block; width: 100%; height: 100%;}
	/* .i_hdjl_tem a:before{ position: absolute; top: 50%; left: 20px; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon_i_hdjl.png); content: ""} */
	.i_hdjl_tem p{ height: 60px; padding-left: 82px; font: 16px/24px "Microsoft Yahei"; color: #333;}

	.i_zt{ margin-bottom: 40px;}
	.zt_wrap{ float: left; position: relative; width: 702px; height: 82px; margin: 0 auto}
	.swiper-container_zt{ width: 702px; height: 82px; overflow: hidden;}
	.swiper-container_zt .swiper-wrapper{ height: auto;}
	.swiper-container_zt .swiper-slide{ width: 218px; height: 82px;}

	.swiper-container_zt .swiper-slide img{ width: 100%; height: 100%;}

	.i_zt_i{ float: left; width: 218px; height: 82px; margin-right: 24px;}
	a.zt_more{  width: 30px; height: 82px; text-align: center; font: 16px/24px "Microsoft Yahei";  }

	/*新闻*/
	.loc{ padding-left: 42px; font-size: 16px; background-position: 10px center;}

	.news_list.sty2{}
	.news_list.sty2 li{ padding-left: 14px;}
	.news_list.sty2 li:before{ left: 2px; width: 4px; height: 4px; margin-top: -2px; }
	.news_list.sty2 li a{ height: 40px; font: 18px/40px "Microsoft Yahei"; }
	.news_list.sty2 li span{font-size: 16px; line-height: 40px; }

	.tpxw_wrap{ position: relative; width: 960px; height: 256px; margin: 0 auto}
	.swiper-container_tpxw{ width: 960px; height: 256px;  overflow: hidden;}
	.swiper-container_tpxw .swiper-slide{ width: 300px; height: 256px;}
	.swiper-container_tpxw .swiper-slide img{ width: 300px; height: 200px;}
	.swiper-container_tpxw .swiper-slide h3{ max-height: 48px; margin-top: 6px; font: 18px/24px "Microsoft Yahei"; text-align: left; overflow: hidden;}

	.tpxw_control{ }
	.tpxw_control a{ position: absolute; top: 80px; }
	.tpxw_control a.tpxw_prev{ left: 10px;}
	.tpxw_control a.tpxw_next{ right: 10px; }

	.xwfbh_wrap{ position: relative; width: 960px; height: 200px; margin: 0 auto}
	.swiper-container_xwfbh{ width: 960px; height: 200px;  overflow: hidden;}
	.swiper-container_xwfbh .swiper-wrapper{ height: auto;}
	.swiper-container_xwfbh .swiper-slide{ width: 470px; height: 200px;}

	.swiper-container_xwfbh .swiper-slide img{ float: left; width: 300px; height: 200px;}
	.xwfbh_r{ float: right; width: 150px}
	.xwfbh_r h3{ margin-top: 10px; font: 18px/24px "Microsoft Yahei"; text-align: justify; }
	.xwfbh_r h3 a{ color: #333;}
	.xwfbh_r span{ display: block; margin-top: 20px; font: 14px/20px "Microsoft Yahei"; color: #666}

	.xwfbh_control{ }
	.xwfbh_control a{ position: absolute; top: 80px; width: 40px; height: 40px;  background-image: url(../images/arr1.png);  z-index: 10; cursor: pointer;}
	.xwfbh_control a.xwfbh_prev{ left: 0px; background-position: 0 0;}
	.xwfbh_control a.xwfbh_next{ right: 0px; background-position: -40px 0;}

	/*信息*/
	.zcjd_i{ position: relative; height: 94px; margin-bottom: 20px;}
	.zcjd_i h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; padding: 0 10px; font: 16px/30px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(0,0,0,0.6); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
	.zcjd_i h3 a{ color: #fff;}

	.btn_xx{ float: left; width: 217px; height: 150px; margin: 0 44px 19px 0; overflow: hidden;}
	.btn_xx:nth-child(6n){ margin-right: 44px}
	.btn_xx:nth-child(4n){ margin-right: 0}
	.btn_xx a p{ font-size: 18px;}

	.wgk_tem{ height: 77px; border-bottom: 1px solid #dfdfdf;}
	.wgk_child{ float: left;  font: bold 18px/78px "Microsoft Yahei"; color: #0D5492}
	.wgk_child a{ color: #0D5492}
	.wgk_tem h3{ float: left; width: 500px; height: 78px margin-left: 10px; font: 18px/78px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.wgk_tem h3 a{ color: #333;}
	.wgk_tem span{ display: none;}

	.btn_zdlyxxgk{ float: none; width: 100%; margin: 0 0 10px 0; font-size: 18px; background-size: 100% 100%;}
	.btn_zdlyxxgk:nth-child(2n), .btn_jytablgz:nth-child(2n){ margin-right: 0}
	.btn_zdlyxxgk a{ color: #fff;}

	.btn_zdlyxxgk.tem1{ background-size: 100% 100%}
	.btn_zdlyxxgk.tem2{ background-size: 100% 100%}
	.btn_zdlyxxgk.tem3{ background-size: 100% 100%}
	.btn_zdlyxxgk.tem4{ margin-bottom: 0; background-size: 100% 100%}

	.btn_jytablgz{  width: 125px; height: 72px; margin-right: 10px; font: bold 16px/24px "Microsoft Yahei"; }
	.btn_jytablgz a{ color: #fff;}

	.btn_jytablgz.tem1{ background-size: 100% 100%;}
	.btn_jytablgz.tem2{ background-size: 100% 100%;}

	/*专题*/
	.zt_tem{ float: left; width: 350px; margin: 0 20px 10px 0;}
	.zt_tem:nth-child(2n){ margin-right: 0}
	.zt_tem img{ width: 350px; height: 233px;}
	.zt_tem h3{ height: 48px; margin-top: 10px; font: 18px/24px "Microsoft Yahei"; text-align: center; overflow: hidden;}
	.zt_tem h3 a{ color: #333}

	.zthg_wrap{ height: 900px; padding: 20px; background: rgba(86, 157, 219, 0.2)}
	.zthg_wrap a{ padding-left: 14px; margin-bottom: 12px; font: 18px/24px "Microsoft Yahei"; color: #333;}
	.zthg_wrap a:before{ top: 12px; left: 4px; }

	/*服务*/
	.i_zwfww2{ width: 394px; height: 150px;}

	.btn_fw_wrap{  width: 606px;}
	.btn_fw{ width: 180px; height: 70px; margin: 0 0 10px 10px;} 
	.btn_fw a p{ padding-left: 68px; font: bold 14px/20px "Microsoft Yahei"; }

	.btn_fw.tem1{ background-size: 100% 100%;}
	.btn_fw.tem2{ background-size: 100% 100%;}
	.btn_fw.tem3{ width: 216px; background-size: 100% 100%;}
	.btn_fw.tem4{ background-size: 100% 100%;}
	.btn_fw.tem5{ background-size: 100% 100%;}
	.btn_fw.tem6{ width: 216px; background-size: 100% 100%;}
	.btn_fw.tem4,.btn_fw.tem5,.btn_fw.tem6{ margin-bottom: 0}

	/*list*/
	.p_col{ height: auto; padding-left: 20px; margin-bottom: 14px; font: bold 40px/48px "Microsoft Yahei"; }

	.list_leftbar{ }
	.list_leftbar a{  height: 54px; padding-left: 20px; margin-bottom: 14px; font: 18px/24px "Microsoft Yahei"; } 

	.box_wrap{ padding: 20px; background: rgba(86, 157, 219, 0.05);}

	.gl_list{}
	.gl_list li{ padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dfdfdf}
	.gl_list li h3{ float: left; width: 80%; font: 16px/26px "Microsoft Yahei"}
	.gl_list li h3 a{}
	.gl_list li span{ float: right; font: 16px/26px "Microsoft Yahei"; color: #666;}


	.gl_img_list{}
	.gl_img_list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
	.gl_img_list li img{ float: left; width: 180px; height: 120px; margin-right: 20px;}
	.gl_img_list li h3{  width: 420px; height: 120px; font: 16px/24px "Microsoft Yahei";}
	.gl_img_list li h3 a{ color: #333;}
	.gl_img_list li span{ font-size: 16px; }

	/*list_first_article*/
	.article_tit2{ margin-bottom: 20px; font: bold 24px/32px "Microsoft Yahei"; }
	.article_item2{ padding-bottom: 20px; margin-bottom: 20px; }
	.article_item2 span{ margin: 0 10px; font: 12px/12px "Microsoft Yahei"; color: #999; }


	/*细览*/
	.article{ padding: 40px; background: rgba(86, 157, 219, 0.05);}
	.article_t{ margin-bottom: 30px; font: bold 24px/32px "Microsoft Yahei"; color: #333; text-align: center;}
	.article_item{ padding-bottom: 14px; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf;}
	.article_item span{ float: left; margin-right: 20px; font-size: 14px; line-height: 24px; color: #333; }
	/*.article_item .article_item_tem{ }*/
	.article_share{ float: right;  font: 16px/24px "Microsoft Yahei"; color: #666;}

	/*.article_item .article_fs{ float: right; margin-right: 20px;}
	.article_item .article_fs a{color: #666; cursor: pointer;}

	a.atricle_print{ float: right; margin-right: 20px; font-size: 16px; line-height: 24px; color: #666; cursor: pointer;}*/

	.article_con{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
	.article_con.sty2{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0}
	.article_con p{ margin-bottom: 16px; font-size: 16px; line-height: 30px; color: #333;}
	.article_con img{ max-width: 100%; height: auto; }

	.other{ }
	.other span{ font-weight: bold; font-size: 16px; line-height: 30px; color: #333}
	.other_tem a{  font-size: 16px; line-height: 30px; color: #333;}
	.other_tem span{ font-size: 14px; line-height: 30px;}

	/* 20241120 */
	.list_i_tem{ width: 480px; margin: 0 40px 40px 0;}
	.list_i_tem:nth-child(2n){ margin-right: 0}
	.list_i_tem img{ width: 480px; height: 318px;}
	.list_i_tem h3{ height: 56px; margin-top: 10px; font: 20px/28px "Microsoft Yahei"; text-align: center;}
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform:  scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform:  scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform:  scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform:  scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

.guidang{ position: absolute; top: 193px; left: 50%; width: 150px; height: 75px; margin-left: 340px; background: url(../images/icon_gd.png) no-repeat center top; background-size: 100% 100%}
.guidang span{ position: absolute; left: 0; bottom: 8px; width: 100%; font: bold 12px/20px "Microsoft Yahei"; color: #e60012; text-align: center;}